@charset "utf-8";
@import url("set.css");
* {
	margin:0;
	padding:0;
 }
body {
	font: 14px/1.5 tahoma,arial,"Microsoft YaHei";
}
img {
	border:none;
}
a {
	color:#333333;
	text-decoration: none;
}
a:hover {
	color: var(--main);
}
li {
	list-style-type:none;
}
.header {

}
.header-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 20px auto 20px;
}
.header-l {
	padding-top:10px;
}
.header-l .logo{display:inline-block;vertical-align:middle}
.header-l .logo{height:60px;line-height:60px}
.header-l .logo img{
	max-height:60px;
	width:auto;
}
.header-l .title{margin-left:10px;display:inline-block;vertical-align:middle;font-size:17px;}
.header-l .title p{margin-top:10px;letter-spacing:2px;font-size:26px;font-weight:bolder;color:#333;margin-bottom:10px;}
.header-l .title span{color:#999}

.header-r-nav{font-size:12px;height:14px;line-height:14px;margin-bottom:15px;float:right;}
.header-r-nav li{display:inline-block;padding-left:15px;margin-left:15px;border-left:1px solid #999;position:relative}
.header-r-nav li:first-child{border:none}
.header-r-nav li a{color:#666}
.header-r-nav li a:hover{color:var(--main)}
.header-r-nav li .li-con{width:auto;padding:5px;position:absolute;left:50%;transform:translateX(-50%);display:none;font-size:14px;color:#333;z-index:99;}
.header-r-nav .li-con .pic{width:100px;margin-top:10px;box-shadow:0 0 10px 2px rgba(0,0,0,.2);-webkit-animation:top-right-nav-li-con .3s;animation:top-right-nav-li-con .3s;background-color:#fff;padding:5px}
.header-r-nav .li-con .pic img{width:100%}
.header-r-nav li .li-con .title{padding:20px;margin-top:10px;box-shadow:0 0 10px 2px rgba(0,0,0,.2);-webkit-animation:top-right-nav-li-con .3s;animation:top-right-nav-li-con .3s;background-color:#fff}
.header-r-search {height:35px;line-height:35px}
.header-r-search input{
	width:250px;
	padding:0 10px;
	height:100%;
	font-size:14px;
	color:#333;
	background-color:#fff;
	border:1px solid var(--main);
	display:inline-block;
}
.header-r-search input:focus {
	outline: 0;
}
.header-r-search .wycms-icon{
	height:100%;
	color:#fff;
	cursor:pointer;
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	background-color:var(--main);
	padding:0 15px;
	border:1px solid var(--main);
}
.header-r-search .wycms-icon:hover{
	background-color:var(--main-dark)
}
.header-r-tel {
}
.header-r-tel p {
	text-align:right;
	color:#999999;
}
.header-r-tel span {
	font-size: 32px;
	color: var(--main);
}
.header-r-tel b {
	font-size: 28px;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-weight:normal;
	margin-left:10px;
}
.top {
	width:100%;
}
.top .swiper-slide a {
	display: flex;
	justify-content: center;
}
.top .swiper-slide a img {
	height: auto;
	display: block;
}
.top .swiper-pagination-bullet {
	width: 15px!important;
	height: 15px!important;
}
.top .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--main);
}
.sub {
	width: 1200px;
	margin: 15px auto 0px;
}
.sub .swiper-slide a {
	display: flex;
	justify-content: center;
}
.sub .swiper-slide a img {
	height: auto;
	display: block;
}
.sub .swiper-pagination-bullet {
	width: 10px!important;
	height: 10px!important;
}
.sub .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--main);
}

.nav {

	height:60px;
	line-height:60px;
	background:var(--main);
}
.nav-in {
	margin:0 auto;
	width:1200px;
}
.nav-in li {
	font-size:16px;
	float:left;
	width:120px;
	text-align:center;
	position:relative;
}
.nav-in li a {
	display:block;
	color:#ffffff;
}
.nav-in li.active {
	background:var(--light);
}
.nav-in li.active a {
	color:var(--main);
}
.nav-in li:hover {
	background:var(--light-sub);
	cursor:pointer;
}
.nav-in li:hover a {
	color:var(--main);
}
.nav-in li dl {
	position: absolute;
	display: none;
	width: 100%;

}
.nav-in li:hover dl {
	transition: all 300ms linear;
	z-index: 9999;
	display: block;
	animation: move 300ms forwards;
}
.nav-in li:hover dl a {
	color:#ffffff;
}
.nav-in li dl dd {
	background-color: var(--main-light);
	height:48px;
	line-height:48px;
	border-top:var(--main-dark) 1px solid;
}
.nav-in li dl dd:hover {
	background-color: var(--main);
}
.foot-out {
	background:#4e4e4e;
}
.foot {
	width: 1200px;
	padding-top:20px;
	padding-bottom:20px;
	margin: 30px auto 0px;
	color:#ffffff;
}
.foot a {
	color:#ffffff;
}
.flink {
	width:100%;
	text-align:center;
	height:40px;
	line-height:40px;
}
.cop {
	width:100%;
	line-height:32px;
	text-align:center;

}

.page-side {
	position: fixed;
	bottom: 0%;
	right: 10%;
	z-index: 999; }
.page-side .wy-side-con {
	position: absolute;
	bottom: 150px;
	right: 0;
	transform: translateX(150%); }
.page-side .wy-side-con .con-con {
	width: 45px;
	height: 60px;
	text-align: center;
	padding-left: 15px;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
	box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.2);
	position: relative;
	border-radius: 50%;
	margin: 15px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap; }
.page-side .wy-side-con .con-con:hover .con-con-icon {
	color: var(--main);
	opacity: 0; }
.page-side .wy-side-con .con-con:hover .con-con-tip {
	opacity: 1;
	transform: translate(-50%, -50%); }
.page-side .wy-side-con .con-con:hover .con-con-float {
	display: block; }
.page-side .wy-side-con .con-con .con-con-icon {
	font-size: 20px;
	color: var(--main);
	transition: all 0.3s;
	cursor: pointer;
	position: relative; }
.page-side .wy-side-con .con-con .con-con-icon span {
	font-size:30px;
}
.page-side .wy-side-con .con-con .con-con-tip {
	font-size: 12px;
	color: var(--main);
	transition: all 0.3s;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0; }
.page-side .wy-side-con .con-con .con-con-float {
	display: none;
	padding-right: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	animation: leftToRight 0.3s; }
.page-side .wy-side-con .con-con .con-con-float .text {
	border-radius: 5px;
	padding: 20px 15px;
	background-color: #f7f7f7;
	color: #76808a;
	white-space: nowrap;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); }
.page-side .wy-side-con .con-con .con-con-float .ewm {
	border-radius: 5px;
	width: 150px;
	padding: 10px;
	background-color: #f7f7f7;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); }
.page-side .wy-side-con .con-con .con-con-float .ewm img {
	width: 100%; }
.page-side .wy-side-con .con-con .con-con-float .qq {
	border-radius: 5px;
	width: 150px;
	padding: 10px;
	background-color: #f7f7f7;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); }
.page-side .wy-side-con .con-con .con-con-float .qq img {
	vertical-align: middle;
}
.page-side .wy-side-con .con-con .con-con-float:after {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 10px solid #f7f7f7;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(90deg) translate(-100%, 10%); }
.page-bottom {
	display:none;
}
.page-pop {
	display:none;
}
.foot {
	overflow:hidden;
}
.foot .qr {
	float:left;

}
.foot .qr img {
	width:120px;
	height:auto;
}
.foot .qr p {
	text-align:center;
}